import React from 'react'
import { Button, Checkbox, Form, Input, Row, Col, Card } from 'antd'
function login() {
    return (
        <div className='Login'>
            <Row className='loginContainer' justify='center' align='middle'>
                <Col span={8}>
                    <Card
                        title='小余后台管理系统' bordered={false} style={{ width: 300 }}>
                        <Form name='normal_login' className='login_form' initialValues={{
                            username: "yuyang",
                            password: "123456"
                        }}>
                            <Form.Item name="username" rules={[
                                {
                                    required: true,
                                    message: "请输入用户,"
                                }
                            ]}>
                                <Input placeholder='输入用户名'></Input>
                            </Form.Item>
                            <Form.Item name="password" rules={[
                                {
                                    required: true,
                                    message: "请输入密码,"
                                }
                            ]}>
                                <Input placeholder='输入密码'></Input>
                            </Form.Item>
                            <Form.Item>
                                <Button type='primary' htmlType='submit' className='login-form-button'>登录</Button>
                            </Form.Item>


                        </Form>
                    </Card>
                </Col>

            </Row>

        </div>
    )
}

export default login
